/** Add css rules here for your application. */


body, table td, select, button {
	font-family: Calibri;
	font-smooth: always;
	font-size: small; 
}


.background {
	min-height: 100%; 
	height:auto !important;  
	height:100%;  
	overflow: hidden !important;  
/*
	background: -webkit-gradient(linear, left top, left bottom, from($COLOR_WHITE), to($COLOR_1));
	background: -moz-linear-gradient(top,  $COLOR_WHITE,  $COLOR_1); */
}


.main {
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */ 
	height:100%; /* Mindesth�he f�r den IE */ 
}

.resultTable {
}

.selectedRow {
  font-weight: bold;
  background: $COLOR_2;
  font-size: larger;
}

.resultCell {
	font-size: large;
}

.sourceCode {
	font-family: monospace;
	font-size: small;
}


.hundertPercentWidth {
	width: 100%;
}

.hundertPercentHeight {
	height: 100%;
}

.marker {
	border:medium;
	background: #a11;
	width: 200px;
	height: 400px;
}

.roundCorners {
	border-radius: 5px;
}

.roleBox {
	border-style: outset;
	border-width: 1px;
	border-radius: 5px;
	vertical-align: middle;
	background-color: $COLOR_WHITE;
}

.evenRow {
	background: $COLOR_1;
}

.resultRow {
	cursor: pointer;
	width: 100%;
}

.tableHeader {
	background-color: #8E8E8E;
	font-weight: bold; 
}

.resultRow:hover {
	background-color: $COLOR_2
}

.viewer {
	padding: 1em;
}

.formContainer {
	padding: 0.5em;
}

.invalid {
	border-color: red;
	border-style: solid;
}

.cataloglistbox {
	width: 250px;
}

.humanBeingListBox {
	width: 350px;
}

.catalogGrid {
	width: 100%;
}

.actTitle {
	background-color: $COLOR_1;
	font-size: larger;
	height: 100%;
}

.theMessage {
	font-size: larger;
}

.historyEntry {
	border: solid 1px $COLOR_1;
	padding: .5em;
	width: 100%;
}

.personalFile {
}

.buttonsPanel {
	width: 100%;
	height: 3em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: $COLOR_1;
}

.valueBagTitle {
	width: 100%; 
	font-size: 20px;
}

.searchResults {
	padding: .1em;
}

.nameAndId {
	font-size: x-large;
	font-weight: bold;
}

.linkButton {
	cursor: pointer;
}

.linkButton:hover {
	background: $COLOR_WHITE;
}


.formLabel {
	text-align: left;
	vertical-align: top;
	font-variant: small-caps;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.formSectionTitle {
	text-align: left;
	vertical-align: top;
	font-variant: small-caps;
	font-size: large;
	padding-left: 10px;
	padding-top: 0px;
}

.requiredLabel {
	font-weight: bold;
	text-decoration: underline;
}

.required {
}


.formItem {
	vertical-align: bottom;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.itemStatusIcon {
	text-align: right;
}


.formSubLabel {
	font-style: italic;
}

.formSubLine {
	margin-left: -5px;
}



.invalidContent {
	border-color: red;
	border-width: 1px;
}

.docform {
	text-align: left;
	vertical-align: top;
	background-color: #d5D5D5;
}


.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background: transparent;
  padding-top: 6px;
  padding-left: 5px;
}

.gwt-TabLayoutPanel {
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border-color: $COLOR_2;
  border-style: solid;
  border-width: 1px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  background: $COLOR_1;
  color: black;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  font-weight: bold;
  cursor: default;
  background: $COLOR_2;
  color: white;
}

.gwt-SuggestBox {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-TextArea {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-TextBox {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-PasswordTextBox {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}


.gwt-ListBox {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-RadioButton {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-CheckBox {
	font-family: Calibri;
	font-weight: bold;
	 font-size: medium; 
}

.gwt-SplitLayoutPanel-HDragger {
background: $COLOR_1 url(images/thumb_vertical.png) center center no-repeat;
cursor: col-resize;
}

.gwt-Tree .gwt-TreeItem-selected {
background: $COLOR_2;
}